<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
   <script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
  
  <!--for the gallery-->
   <link rel="stylesheet" type="text/css" href="css/jquery.ad-gallery.css">
  <script type="text/javascript" src="scripts/jquery.ad-gallery.js?rand=995"></script> 

  
  <script type="text/javascript">
  $(function() {
	var galleries,effect = "fade";
	start();
	function start(){
		var url = 'data.txt?ts='+new Date().getTime();		
		$(".ad-thumb-list").load(url,{},function (responseText, textStatus, XMLHttpRequest) {
					galleries = $('.ad-gallery').adGallery();
					(effect!=null)?galleries[0].settings.effect = effect:"";				
			
		}
		);
	}  
  });    
  </script>

  <style type="text/css">
  * {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
    color: #333;
    line-height: 140%;
  }
  select, input, textarea {
    font-size: 1em;
  }
  body {
    font-size: 70%;
    padding:0px;
	margin:0px;
  }
  h2 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px dotted #dedede;
  }
  h3 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
  }
  .example {
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  ul {
    list-style-image:url(list-style.gif);
  }
  pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  code {
    font-family: "Lucida Console", "Courier New", Verdana;
    margin: 0;
    padding: 0;
  }

  #gallery {   
    background: #e1eef5;
	padding: 30px;
    margin-left: auto;
    margin-right: auto;	
  }
  #container{
    margin-left: auto;
    margin-right: auto;
	width:900px;
  }
  /*
  .ad-gallery {
	  width: 790px;
	}
  .ad-gallery .ad-image-wrapper {
	  height: 390px;
  }
  */
  </style>
  <title>AD-Gallery + Uploadify + classe.upload</title>
</head>
<body>
  <div id="container">    
    <div id="gallery" class="ad-gallery">
      <div class="ad-image-wrapper">
      </div>
      <div class="ad-controls">
      </div>
      <div class="ad-nav">
        <div class="ad-thumbs">
          <ul class="ad-thumb-list">            
          </ul>
        </div>
      </div>
    </div> 
  </div>    
</body>
</html>